<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main"/>
    <g:set var="entityName" value="${message(code: 'contact.label', default: 'Contact')}"/>
    <title>新增客户</title>
    <style>
        .form-controls{
            display: inline;
            width:60px;
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            border-color: #eaeaea !important;
        }
        .text-left{
            text-align: left!important;
        }
    </style>
</head>

<body>
<div class="small-header">
    <div class="hpanel">
        <div class="panel-body">
            <div id="hbreadcrumb" class="pull-right">
                <ol class="hbreadcrumb breadcrumb">
                    <li>PLS CINDATA</li>
                    <li>
                        <g:link controller="menu" action="index">CINDATA</g:link>
                    </li>
                    <li class="active">
                        <span>新增客户</span>
                    </li>
                </ol>
            </div>

            <h2 class="font-light m-b-xs">
                新增客户
            </h2>
        </div>
    </div>
</div>


<g:if test="${flash.message}">
    <div class="message alert alert-info" role="status">${flash.message}</div>
</g:if>
<g:hasErrors bean="${this.menu}">
    <ul class="errors" role="alert">
        <g:eachError bean="${this.menu}" var="error">
            <li <g:if test="${error in org.springframework.validation.FieldError}">data-field-id="${error.field}"</g:if>><g:message
                    error="${error}"/></li>
        </g:eachError>
    </ul>
</g:hasErrors>


<div class="content animate-panel">
    <div class="row">
        <div class="hpanel hblue">
            <div class="panel-heading">
                新增客户
            </div>

            <div class="panel-body form-horizontal">

                <div class="panel-heading">
                    4.贷款风险评估
                </div>

                <g:form action="createClientLoanOpinion">
                    <input type="hidden" name="reportId" value="${this.contactSurveyReport?.id}" id="reportId">
                    <div class="form-group">
                        <div class="col-md-offset-1">
                            <label class="control-label is-required">本次贷款套数认定为第 <input type="text" class="form-controls" placeholder="" name="loanNumber" value="${this.contactSurveyReport?.loanNumber}"> 套，
                            贷款金额 <input type="text" class="form-controls" placeholder="" name="loansAmount" value="${this.contactSurveyReport?.loansAmount}"> 元，
                            期限 <input type="text" class="form-controls" placeholder="" name="loansDuration" value="${this.contactSurveyReport?.loansDuration}"> 年。</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-offset-1">
                            <label class="control-label is-required">借款人、配偶及共同借款人原有负债月均还款额，加上所购房屋月均支出，
                            合计 <input type="text" class="form-controls" placeholder="" name="commonExpendPrice" value="${this.contactSurveyReport?.commonExpendPrice}"> 元：
                            月均还款总金额 <input type="text" class="form-controls" placeholder="" name="commonTotalRepaymentPrice" value="${this.contactSurveyReport?.commonTotalRepaymentPrice}"> 元，
                            占月均总收入<input type="text" class="form-controls" placeholder="" name="expenditureIncomeRatio" value="${this.contactSurveyReport?.expenditureIncomeRatio}"> %。</label>
                        </div>
                    </div>


                    <div class="form-group ">
                        <div class="col-md-offset-1">
                            <label class="col-md-2 text-left control-label is-required" style="padding-left: 0;padding-right: 0;width: 169px;">所购房产抵押率为：</label>
                        </div>

                        <div class="col-md-2">
                            <div class="input-group m-b">
                                <input type="text" class="form-control" name="mortgageRate"  value="${this.contactSurveyReport?.mortgageRate}" placeholder="数字" >
                                <span class="input-group-addon">%</span>
                            </div>
                        </div>
                    </div>

                    <div class="form-group ">
                        <div class="col-md-offset-1">
                            <label class="col-md-2 text-left control-label is-required" style="padding-left: 0;padding-right: 0; width: 169px;" >贷款风险揭示（选填）：</label>
                        </div>
                        <div class="col-md-8" >
                            <input type="text" class="form-control" name="mortgageWarningMemo" id="mortgageWarningMemo" value="${this.contactSurveyReport?.mortgageWarningMemo}">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-md-3 col-md-offset-6">
                            <g:submitButton class="btn btn-info" name="create3" value="下一步"/>
                            <button type="button" class="btn cancelButton" style="margin-left: 20px;">取消</button>
                        </div>
                    </div>
                </g:form>
            </div>
        </div>
    </div>


</div>
<g:javascript>
    $(function () {
        $('.datepicker1').datepicker({
            language: 'zh-CN',
            format:"yyyy-mm-dd"
        });
        $('.input-group.date').datepicker({ });
        $('.input-daterange').datepicker({ });

    });
</g:javascript>
</body>
</html>
